

<!DOCTYPE html>
<html lang class="loading">
<head><meta name="generator" content="Hexo 3.9.0">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>个人简历HTML版 - 闲看花开 静待花落</title>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="google" content="notranslate">
    <meta name="keywords" content="贰货不二,"> 
    <meta name="description" content="个人简历HTML1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950,"> 
    <meta name="author" content="贰货不二"> 
    <link rel="alternative" href="atom.xml" title="闲看花开 静待花落" type="application/atom+xml"> 
    <link rel="icon" href="/img/favicon.png"> 
    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.css">
    <link rel="stylesheet" href="/css/diaspora.css">
    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <script>
         (adsbygoogle = window.adsbygoogle || []).push({
              google_ad_client: "ca-pub-8691406134231910",
              enable_page_level_ads: true
         });
    </script>
    <script async custom-element="amp-auto-ads" src="https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js">
    </script>
    
</head>
</html>
<body class="loading">
    <span id="config-title" style="display:none">闲看花开 静待花落</span>
    <div id="loader"></div>
    <div id="single">
    <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
<div id="top" style="display: block;">
    <div class="bar" style="width: 0;"></div>
    <a class="icon-home image-icon" href="javascript:;" data-url="https://mrdcg.github.io"></a>
    <div title="播放/暂停" class="icon-play"></div>
    <h3 class="subtitle">个人简历HTML版</h3>
    <div class="social">
        <!--<div class="like-icon">-->
            <!--<a href="javascript:;" class="likeThis active"><span class="icon-like"></span><span class="count">76</span></a>-->
        <!--</div>-->
        <div>
            <div class="share">
                <a title="获取二维码" class="icon-scan" href="javascript:;"></a>
            </div>
            <div id="qr"></div>
        </div>
    </div>
    <div class="scrollbar"></div>
</div>

    <div class="section">
        <div class="article">
    <div class='main'>
        <h1 class="title">个人简历HTML版</h1>
        <div class="stuff">
            <span>七月 18, 2019</span>

            <span>
   阅读数(请刷新)<span id="busuanzi_value_page_pv"></span>
</span>
            
  <ul class="post-tags-list"><li class="post-tags-list-item"><a class="post-tags-list-link" href="/tags/CSS/">CSS</a></li><li class="post-tags-list-item"><a class="post-tags-list-link" href="/tags/HTML/">HTML</a></li></ul>



        </div>
        <div class="content markdown">
            <h2 id="个人简历HTML"><a href="#个人简历HTML" class="headerlink" title="个人简历HTML"></a>个人简历HTML</h2><figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br><span class="line">38</span><br><span class="line">39</span><br><span class="line">40</span><br><span class="line">41</span><br><span class="line">42</span><br><span class="line">43</span><br><span class="line">44</span><br><span class="line">45</span><br><span class="line">46</span><br><span class="line">47</span><br><span class="line">48</span><br><span class="line">49</span><br><span class="line">50</span><br><span class="line">51</span><br><span class="line">52</span><br><span class="line">53</span><br><span class="line">54</span><br><span class="line">55</span><br><span class="line">56</span><br><span class="line">57</span><br><span class="line">58</span><br><span class="line">59</span><br><span class="line">60</span><br><span class="line">61</span><br><span class="line">62</span><br><span class="line">63</span><br><span class="line">64</span><br><span class="line">65</span><br><span class="line">66</span><br><span class="line">67</span><br><span class="line">68</span><br><span class="line">69</span><br><span class="line">70</span><br><span class="line">71</span><br><span class="line">72</span><br><span class="line">73</span><br><span class="line">74</span><br><span class="line">75</span><br><span class="line">76</span><br><span class="line">77</span><br><span class="line">78</span><br><span class="line">79</span><br><span class="line">80</span><br><span class="line">81</span><br><span class="line">82</span><br><span class="line">83</span><br><span class="line">84</span><br><span class="line">85</span><br><span class="line">86</span><br><span class="line">87</span><br><span class="line">88</span><br><span class="line">89</span><br><span class="line">90</span><br><span class="line">91</span><br><span class="line">92</span><br><span class="line">93</span><br><span class="line">94</span><br><span class="line">95</span><br><span class="line">96</span><br><span class="line">97</span><br><span class="line">98</span><br><span class="line">99</span><br><span class="line">100</span><br><span class="line">101</span><br><span class="line">102</span><br><span class="line">103</span><br><span class="line">104</span><br><span class="line">105</span><br><span class="line">106</span><br><span class="line">107</span><br><span class="line">108</span><br><span class="line">109</span><br><span class="line">110</span><br><span class="line">111</span><br><span class="line">112</span><br><span class="line">113</span><br></pre></td><td class="code"><pre><span class="line">&lt;!DOCTYPE html&gt;</span><br><span class="line">&lt;html&gt;</span><br><span class="line">	&lt;head&gt;</span><br><span class="line">		&lt;meta charset=&quot;utf-8&quot; /&gt;</span><br><span class="line">		&lt;title&gt;个人简历&lt;/title&gt;</span><br><span class="line">		&lt;link rel=&quot;stylesheet&quot; href=&quot;css/resume.css&quot;&gt;</span><br><span class="line">	&lt;/head&gt;</span><br><span class="line">	&lt;body&gt;</span><br><span class="line">		&lt;form action=&quot;&quot;&gt;</span><br><span class="line">			&lt;div id=&quot;div1&quot;&gt;</span><br><span class="line">				&lt;div id=&quot;left&quot;&gt;</span><br><span class="line">					&lt;div id=&quot;head_img&quot;&gt;</span><br><span class="line">						&lt;img src=&quot;img/head_erhuo.jpg&quot; alt=&quot;&quot;&gt;</span><br><span class="line">						&lt;input type=&quot;file&quot; name=&quot;head_img&quot; id=&quot;file&quot;&gt;</span><br><span class="line">					&lt;/div&gt;</span><br><span class="line">					&lt;div id=&quot;name&quot;&gt;</span><br><span class="line">						&lt;input type=&quot;text&quot; name=&quot;username&quot; placeholder=&quot;请输入姓名&quot; autocomplete=&quot;off&quot;&gt;</span><br><span class="line">					&lt;/div&gt;</span><br><span class="line">					&lt;div id=&quot;position&quot;&gt;</span><br><span class="line">						&lt;h4&gt;/求职意向/&lt;/h4&gt;</span><br><span class="line">						&lt;input type=&quot;text&quot; name=&quot;position&quot; placeholder=&quot;请输入求职意向&quot;&gt;</span><br><span class="line">					&lt;/div&gt;</span><br><span class="line">					&lt;div id=&quot;information&quot;&gt;</span><br><span class="line">						&lt;h4&gt;/个人信息/&lt;/h4&gt;</span><br><span class="line">						&lt;table id=&quot;table1&quot;&gt;</span><br><span class="line">							&lt;tr&gt;</span><br><span class="line">								&lt;td&gt;年龄：&lt;/td&gt;</span><br><span class="line">								&lt;td&gt;&lt;input type=&quot;text&quot; name=&quot;age&quot; placeholder=&quot;请输入您的年龄&quot; autocomplete=&quot;off&quot;&gt;&lt;/td&gt;</span><br><span class="line">							&lt;/tr&gt;</span><br><span class="line">							&lt;tr&gt;</span><br><span class="line">								&lt;td&gt;现居住地：&lt;/td&gt;</span><br><span class="line">								&lt;td&gt;&lt;input type=&quot;text&quot; name=&quot;address&quot; placeholder=&quot;请输入您的居住地址&quot; autocomplete=&quot;off&quot;&gt;&lt;/td&gt;</span><br><span class="line">							&lt;/tr&gt;</span><br><span class="line">							&lt;tr&gt;</span><br><span class="line">								&lt;td&gt;联系电话：&lt;/td&gt;</span><br><span class="line">								&lt;td&gt;&lt;input type=&quot;text&quot; name=&quot;tel&quot; placeholder=&quot;请输入您的联系电话&quot; autocomplete=&quot;off&quot;&gt;&lt;/td&gt;</span><br><span class="line">							&lt;/tr&gt;</span><br><span class="line">							&lt;tr&gt;</span><br><span class="line">								&lt;td&gt;电子邮箱：&lt;/td&gt;</span><br><span class="line">								&lt;td&gt;&lt;input type=&quot;email&quot; name=&quot;email&quot; placeholder=&quot;请输入您的电子邮箱&quot; autocomplete=&quot;off&quot;&gt;&lt;/td&gt;</span><br><span class="line">							&lt;/tr&gt;</span><br><span class="line">						&lt;/table&gt;</span><br><span class="line">					&lt;/div&gt;</span><br><span class="line">					&lt;div id=&quot;skill&quot;&gt;</span><br><span class="line">						&lt;h4&gt;/技能证书/&lt;/h4&gt;</span><br><span class="line">						&lt;div id=&quot;skill_lun&quot;&gt;</span><br><span class="line">							&lt;h4&gt;语言能力：&lt;/h4&gt;</span><br><span class="line">							&lt;input type=&quot;text&quot; name=&quot;skill_e&quot; placeholder=&quot;英语&quot; autocomplete=&quot;off&quot;&gt;&lt;br&gt;</span><br><span class="line">							&lt;input type=&quot;text&quot; name=&quot;skill_p&quot; placeholder=&quot;普通话&quot; autocomplete=&quot;off&quot;&gt;</span><br><span class="line">						&lt;/div&gt;</span><br><span class="line">						&lt;div id=&quot;skill_cpu&quot;&gt;</span><br><span class="line">							&lt;h4&gt;计算机能力：&lt;/h4&gt;</span><br><span class="line">							&lt;input type=&quot;text&quot; name=&quot;skill_1&quot; placeholder=&quot;计算机能力1&quot; autocomplete=&quot;off&quot;&gt;&lt;br&gt;</span><br><span class="line">							&lt;input type=&quot;text&quot; name=&quot;skill_2&quot; placeholder=&quot;计算机能力2&quot; autocomplete=&quot;off&quot;&gt;</span><br><span class="line">						&lt;/div&gt;</span><br><span class="line">						&lt;div id=&quot;skill_other&quot;&gt;</span><br><span class="line">							&lt;h4&gt;其他能力：&lt;/h4&gt;</span><br><span class="line">							&lt;input type=&quot;text&quot; name=&quot;skill_o1&quot; placeholder=&quot;其他能力&quot; autocomplete=&quot;off&quot;&gt;</span><br><span class="line">						&lt;/div&gt;</span><br><span class="line">					&lt;/div&gt;</span><br><span class="line">				&lt;/div&gt;</span><br><span class="line">				&lt;div id=&quot;right&quot;&gt;</span><br><span class="line">				&lt;div id=&quot;header&quot;&gt;</span><br><span class="line">					&lt;h3&gt;/教育背景 Education/&lt;/h3&gt;</span><br><span class="line">					&lt;table id=&quot;table2&quot;&gt;</span><br><span class="line">						&lt;tr&gt;</span><br><span class="line">							&lt;td&gt;&lt;input type=&quot;text&quot; name=&quot;school&quot; placeholder=&quot;毕业院校&quot; autocomplete=&quot;off&quot;&gt;&lt;/td&gt;</span><br><span class="line">							&lt;td&gt;&lt;input type=&quot;text&quot; name=&quot;education&quot; placeholder=&quot;学历&quot; autocomplete=&quot;off&quot;&gt;&lt;/td&gt;</span><br><span class="line">						&lt;/tr&gt;</span><br><span class="line">						&lt;tr&gt;</span><br><span class="line">							&lt;td colspan=&quot;2&quot;&gt;&lt;textarea rows=&quot;10&quot; cols=&quot;50&quot; placeholder=&quot;学习经历&quot;&gt;&lt;/textarea&gt;&lt;/td&gt;</span><br><span class="line">						&lt;/tr&gt;</span><br><span class="line">					&lt;/table&gt;</span><br><span class="line">				&lt;/div&gt;</span><br><span class="line">				</span><br><span class="line">				&lt;div id=&quot;main&quot;&gt;</span><br><span class="line">					&lt;h3&gt;/实习经历 Internships/&lt;/h3&gt;</span><br><span class="line">					&lt;table id=&quot;table3&quot;&gt;</span><br><span class="line">						&lt;tr&gt;</span><br><span class="line">							&lt;td&gt;&lt;input type=&quot;text&quot; name=&quot;time1&quot; placeholder=&quot;工作时间(2019-07-16)&quot;&gt;&lt;/td&gt;</span><br><span class="line">							&lt;td&gt;&lt;input type=&quot;text&quot; name=&quot;work1&quot; placeholder=&quot;工作地点&quot; autocomplete=&quot;off&quot;&gt;&lt;/td&gt;</span><br><span class="line">						&lt;/tr&gt;</span><br><span class="line">						&lt;tr&gt;</span><br><span class="line">							&lt;td colspan=&quot;2&quot;&gt;&lt;textarea rows=&quot;10&quot; cols=&quot;50&quot; placeholder=&quot;工作经历&quot;&gt;&lt;/textarea&gt;&lt;/td&gt;</span><br><span class="line">						&lt;/tr&gt;</span><br><span class="line">					&lt;/table&gt;</span><br><span class="line">					&lt;table id=&quot;table4&quot;&gt;</span><br><span class="line">						&lt;tr&gt;</span><br><span class="line">							&lt;td&gt;&lt;input type=&quot;text&quot; name=&quot;time2&quot; placeholder=&quot;工作时间(2019-07-16)&quot;&gt;&lt;/td&gt;</span><br><span class="line">							&lt;td&gt;&lt;input type=&quot;text&quot; name=&quot;work2&quot; placeholder=&quot;工作地点&quot; autocomplete=&quot;off&quot;&gt;&lt;/td&gt;</span><br><span class="line">						&lt;/tr&gt;</span><br><span class="line">						&lt;tr&gt;</span><br><span class="line">							&lt;td colspan=&quot;2&quot;&gt;&lt;textarea rows=&quot;10&quot; cols=&quot;50&quot; placeholder=&quot;工作经历&quot;&gt;&lt;/textarea&gt;&lt;/td&gt;</span><br><span class="line">						&lt;/tr&gt;</span><br><span class="line">					&lt;/table&gt;</span><br><span class="line">				&lt;/div&gt;</span><br><span class="line">				&lt;div id=&quot;footer&quot;&gt;</span><br><span class="line">					&lt;h3&gt;/自我评价 Evalution/&lt;/h3&gt;</span><br><span class="line">					&lt;table id=&quot;table5&quot;&gt;</span><br><span class="line">						&lt;tr&gt;</span><br><span class="line">							&lt;td colspan=&quot;2&quot;&gt;&lt;textarea rows=&quot;4&quot; cols=&quot;50&quot; placeholder=&quot;自我评价&quot;&gt;&lt;/textarea&gt;&lt;/td&gt;</span><br><span class="line">						&lt;/tr&gt;</span><br><span class="line">					&lt;/table&gt;</span><br><span class="line">				&lt;/div&gt;</span><br><span class="line">				&lt;/div&gt;</span><br><span class="line">				&lt;div id=&quot;sub&quot;&gt;</span><br><span class="line">					&lt;input type=&quot;submit&quot; value=&quot;提交&quot;&gt;&lt;input type=&quot;reset&quot;value=&quot;重置&quot;&gt;</span><br><span class="line">					</span><br><span class="line">				&lt;/div&gt;</span><br><span class="line">			&lt;/div&gt;</span><br><span class="line">		&lt;/form&gt;</span><br><span class="line">	&lt;/body&gt;</span><br><span class="line">&lt;/html&gt;</span><br></pre></td></tr></table></figure>

<h2 id="个人简历CSS"><a href="#个人简历CSS" class="headerlink" title="个人简历CSS"></a>个人简历CSS</h2><figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br><span class="line">38</span><br><span class="line">39</span><br><span class="line">40</span><br><span class="line">41</span><br><span class="line">42</span><br><span class="line">43</span><br><span class="line">44</span><br><span class="line">45</span><br><span class="line">46</span><br><span class="line">47</span><br><span class="line">48</span><br><span class="line">49</span><br><span class="line">50</span><br><span class="line">51</span><br><span class="line">52</span><br><span class="line">53</span><br><span class="line">54</span><br><span class="line">55</span><br><span class="line">56</span><br><span class="line">57</span><br><span class="line">58</span><br><span class="line">59</span><br><span class="line">60</span><br><span class="line">61</span><br><span class="line">62</span><br><span class="line">63</span><br><span class="line">64</span><br><span class="line">65</span><br><span class="line">66</span><br><span class="line">67</span><br><span class="line">68</span><br><span class="line">69</span><br><span class="line">70</span><br><span class="line">71</span><br><span class="line">72</span><br><span class="line">73</span><br><span class="line">74</span><br><span class="line">75</span><br><span class="line">76</span><br><span class="line">77</span><br><span class="line">78</span><br><span class="line">79</span><br><span class="line">80</span><br><span class="line">81</span><br><span class="line">82</span><br><span class="line">83</span><br><span class="line">84</span><br><span class="line">85</span><br><span class="line">86</span><br><span class="line">87</span><br><span class="line">88</span><br><span class="line">89</span><br><span class="line">90</span><br><span class="line">91</span><br><span class="line">92</span><br><span class="line">93</span><br><span class="line">94</span><br><span class="line">95</span><br><span class="line">96</span><br><span class="line">97</span><br><span class="line">98</span><br><span class="line">99</span><br><span class="line">100</span><br><span class="line">101</span><br><span class="line">102</span><br><span class="line">103</span><br><span class="line">104</span><br><span class="line">105</span><br><span class="line">106</span><br><span class="line">107</span><br><span class="line">108</span><br><span class="line">109</span><br><span class="line">110</span><br><span class="line">111</span><br><span class="line">112</span><br><span class="line">113</span><br><span class="line">114</span><br><span class="line">115</span><br><span class="line">116</span><br><span class="line">117</span><br><span class="line">118</span><br><span class="line">119</span><br><span class="line">120</span><br><span class="line">121</span><br><span class="line">122</span><br><span class="line">123</span><br><span class="line">124</span><br><span class="line">125</span><br><span class="line">126</span><br><span class="line">127</span><br><span class="line">128</span><br><span class="line">129</span><br><span class="line">130</span><br><span class="line">131</span><br><span class="line">132</span><br><span class="line">133</span><br><span class="line">134</span><br><span class="line">135</span><br><span class="line">136</span><br><span class="line">137</span><br><span class="line">138</span><br><span class="line">139</span><br><span class="line">140</span><br><span class="line">141</span><br><span class="line">142</span><br><span class="line">143</span><br><span class="line">144</span><br><span class="line">145</span><br><span class="line">146</span><br><span class="line">147</span><br><span class="line">148</span><br><span class="line">149</span><br><span class="line">150</span><br><span class="line">151</span><br><span class="line">152</span><br><span class="line">153</span><br><span class="line">154</span><br><span class="line">155</span><br><span class="line">156</span><br><span class="line">157</span><br><span class="line">158</span><br><span class="line">159</span><br><span class="line">160</span><br><span class="line">161</span><br><span class="line">162</span><br><span class="line">163</span><br><span class="line">164</span><br><span class="line">165</span><br><span class="line">166</span><br><span class="line">167</span><br><span class="line">168</span><br><span class="line">169</span><br><span class="line">170</span><br><span class="line">171</span><br><span class="line">172</span><br><span class="line">173</span><br><span class="line">174</span><br><span class="line">175</span><br><span class="line">176</span><br><span class="line">177</span><br><span class="line">178</span><br><span class="line">179</span><br><span class="line">180</span><br><span class="line">181</span><br><span class="line">182</span><br><span class="line">183</span><br><span class="line">184</span><br><span class="line">185</span><br><span class="line">186</span><br><span class="line">187</span><br><span class="line">188</span><br><span class="line">189</span><br><span class="line">190</span><br><span class="line">191</span><br><span class="line">192</span><br><span class="line">193</span><br><span class="line">194</span><br><span class="line">195</span><br><span class="line">196</span><br><span class="line">197</span><br><span class="line">198</span><br><span class="line">199</span><br><span class="line">200</span><br><span class="line">201</span><br><span class="line">202</span><br><span class="line">203</span><br><span class="line">204</span><br><span class="line">205</span><br><span class="line">206</span><br><span class="line">207</span><br><span class="line">208</span><br><span class="line">209</span><br><span class="line">210</span><br><span class="line">211</span><br><span class="line">212</span><br><span class="line">213</span><br><span class="line">214</span><br><span class="line">215</span><br><span class="line">216</span><br><span class="line">217</span><br><span class="line">218</span><br><span class="line">219</span><br><span class="line">220</span><br><span class="line">221</span><br><span class="line">222</span><br><span class="line">223</span><br><span class="line">224</span><br><span class="line">225</span><br><span class="line">226</span><br></pre></td><td class="code"><pre><span class="line">body&#123;</span><br><span class="line">	padding: 0;</span><br><span class="line">	margin: 0;</span><br><span class="line">	background-color: darkgray;</span><br><span class="line">&#125;</span><br><span class="line">input&#123;</span><br><span class="line">	border: none;</span><br><span class="line">	background-color: darkturquoise;</span><br><span class="line">	color: white;</span><br><span class="line">	text-align: center;</span><br><span class="line">&#125;</span><br><span class="line">#div1&#123;</span><br><span class="line">	width: 840px;</span><br><span class="line">	height: 1100px;</span><br><span class="line">	background-color: white;</span><br><span class="line">	position: absolute;</span><br><span class="line">	left: 20%;</span><br><span class="line">	top: 5%;</span><br><span class="line">&#125;</span><br><span class="line">#left&#123;</span><br><span class="line">	width: 340px;</span><br><span class="line">	height: 1100px;</span><br><span class="line">	background-color: darkturquoise;</span><br><span class="line">	float: left;</span><br><span class="line">&#125;</span><br><span class="line">#head_img&#123;</span><br><span class="line">	width: 340px;</span><br><span class="line">	height: 220px;</span><br><span class="line">&#125;</span><br><span class="line">#head_img&gt;img&#123;</span><br><span class="line">	width: 130px;</span><br><span class="line">	height: 125px;</span><br><span class="line">	position: absolute;</span><br><span class="line">	left: 100px;</span><br><span class="line">	top: 50px;</span><br><span class="line">&#125;</span><br><span class="line">#head_img&gt;#file&#123;</span><br><span class="line">	position: absolute;</span><br><span class="line">	left: 100px;</span><br><span class="line">	top: 180px;</span><br><span class="line">	width: 168px;</span><br><span class="line">&#125;</span><br><span class="line">#name&#123;</span><br><span class="line">	height: 50px;</span><br><span class="line">	width: 340px;</span><br><span class="line">	</span><br><span class="line">&#125;</span><br><span class="line">#name&gt;input&#123;</span><br><span class="line">	height: 40px;</span><br><span class="line">	width: 152px;</span><br><span class="line">	position: absolute;</span><br><span class="line">	left: 88px;</span><br><span class="line">	font-size: 30px;</span><br><span class="line">&#125;</span><br><span class="line">#position&#123;</span><br><span class="line">	width: 340px;</span><br><span class="line">	height: 100px;</span><br><span class="line">	color: white;</span><br><span class="line">&#125;</span><br><span class="line">#position&gt;h4&#123;</span><br><span class="line">	position: relative;</span><br><span class="line">	left:40% ;</span><br><span class="line">	</span><br><span class="line">&#125;</span><br><span class="line">#position&gt;input&#123;</span><br><span class="line">	height: 20px;</span><br><span class="line">	width: 152px;</span><br><span class="line">	position: absolute;</span><br><span class="line">	left: 96px;</span><br><span class="line">	font-size: 15px;</span><br><span class="line">	</span><br><span class="line">&#125;</span><br><span class="line">#information&#123;</span><br><span class="line">	width: 340px;</span><br><span class="line">	height: 220px;</span><br><span class="line">	color: white;</span><br><span class="line">&#125;</span><br><span class="line">#information&gt;h4&#123;</span><br><span class="line">	position: relative;</span><br><span class="line">	left:40% ;</span><br><span class="line">	</span><br><span class="line">&#125;</span><br><span class="line">#table1&gt;tbody&gt;tr&gt;td&gt;input&#123;</span><br><span class="line">	width: 150px;</span><br><span class="line">	height: 20px;</span><br><span class="line">	font-size: 15px;</span><br><span class="line">&#125;</span><br><span class="line">#table1&gt;tbody&gt;tr&gt;td&#123;</span><br><span class="line">	padding-top: 5px;</span><br><span class="line">	padding-bottom: 5px;</span><br><span class="line">	border-bottom: 1px dotted white;</span><br><span class="line">	</span><br><span class="line">&#125;</span><br><span class="line">#table1&#123;</span><br><span class="line">	padding-left: 50px;</span><br><span class="line">&#125;</span><br><span class="line">#skill&#123;</span><br><span class="line">	width: 340px;</span><br><span class="line">	height: 350px;</span><br><span class="line">	color: white;</span><br><span class="line">&#125;</span><br><span class="line">#skill&gt;h4:nth-child(1)&#123;</span><br><span class="line">	position: relative;</span><br><span class="line">	left:40% ;</span><br><span class="line">	</span><br><span class="line">&#125;</span><br><span class="line">#skill_lun&gt;h4:nth-child(1)&#123;</span><br><span class="line">	position: relative;</span><br><span class="line">	left:20% ;</span><br><span class="line">	margin-bottom: 10px;</span><br><span class="line">&#125;</span><br><span class="line">#skill_lun&gt;input&#123;</span><br><span class="line">	</span><br><span class="line">	position: relative;</span><br><span class="line">	left:20% ;</span><br><span class="line">	width: 150px;</span><br><span class="line">	height: 20px;</span><br><span class="line">	font-size: 15px;</span><br><span class="line">	margin-bottom: 10px;</span><br><span class="line">	border-bottom: 1px dotted white;</span><br><span class="line">&#125;</span><br><span class="line">#skill_cpu&gt;h4:nth-child(1)&#123;</span><br><span class="line">	position: relative;</span><br><span class="line">	left:20% ;</span><br><span class="line">	margin-bottom: 10px;</span><br><span class="line">&#125;</span><br><span class="line">#skill_cpu&gt;input&#123;</span><br><span class="line">	</span><br><span class="line">	position: relative;</span><br><span class="line">	left:20% ;</span><br><span class="line">	width: 150px;</span><br><span class="line">	height: 20px;</span><br><span class="line">	font-size: 15px;</span><br><span class="line">	margin-bottom: 10px;</span><br><span class="line">	border-bottom: 1px dotted white;</span><br><span class="line">&#125;</span><br><span class="line">#skill_other&gt;h4:nth-child(1)&#123;</span><br><span class="line">	position: relative;</span><br><span class="line">	left:20% ;</span><br><span class="line">	margin-bottom: 10px;</span><br><span class="line">&#125;</span><br><span class="line">#skill_other&gt;input&#123;</span><br><span class="line">	</span><br><span class="line">	position: relative;</span><br><span class="line">	left:20% ;</span><br><span class="line">	width: 150px;</span><br><span class="line">	height: 20px;</span><br><span class="line">	font-size: 15px;</span><br><span class="line">	margin-bottom: 10px;</span><br><span class="line">	border-bottom: 1px dotted white;</span><br><span class="line">&#125;</span><br><span class="line">#right&#123;</span><br><span class="line">	float: right;</span><br><span class="line">	width: 455px;</span><br><span class="line">	height: 1100px;</span><br><span class="line">&#125;</span><br><span class="line">#header&#123;</span><br><span class="line">	width: 386px;</span><br><span class="line">	height: 290px;</span><br><span class="line">	position: relative;</span><br><span class="line">	top: 5%;</span><br><span class="line">	left: 5%;</span><br><span class="line">	border-bottom: 2px dotted darkturquoise;</span><br><span class="line">&#125;</span><br><span class="line">#header&gt;h3&#123;</span><br><span class="line">	color: darkturquoise;</span><br><span class="line">	</span><br><span class="line">&#125;</span><br><span class="line">#table2&gt;tbody&gt;tr&gt;td&gt;input&#123;</span><br><span class="line">	width: 150px;</span><br><span class="line">	height: 20px;</span><br><span class="line">	font-size: 15px;</span><br><span class="line">	background-color: white;</span><br><span class="line">	color: darkturquoise;</span><br><span class="line">&#125;</span><br><span class="line">textarea&#123;</span><br><span class="line">	</span><br><span class="line">	border: none;</span><br><span class="line">	font-size: 15px;</span><br><span class="line">	color: darkturquoise;</span><br><span class="line">	margin-bottom: 10px;</span><br><span class="line">	</span><br><span class="line">&#125;</span><br><span class="line">#main&#123;</span><br><span class="line">	width: 386px;</span><br><span class="line">	height: 510px;</span><br><span class="line">	position: relative;</span><br><span class="line">	top: 5%;</span><br><span class="line">	left: 5%;</span><br><span class="line">	border-bottom: 2px dotted darkturquoise;</span><br><span class="line">&#125;</span><br><span class="line">#main&gt;h3&#123;</span><br><span class="line">	color: darkturquoise;</span><br><span class="line">	</span><br><span class="line">&#125;</span><br><span class="line">#table3&gt;tbody&gt;tr&gt;td&gt;input&#123;</span><br><span class="line">	width: 150px;</span><br><span class="line">	height: 20px;</span><br><span class="line">	font-size: 15px;</span><br><span class="line">	background-color: white;</span><br><span class="line">	color: darkturquoise;</span><br><span class="line">&#125;</span><br><span class="line">#table4&gt;tbody&gt;tr&gt;td&gt;input&#123;</span><br><span class="line">	width: 150px;</span><br><span class="line">	height: 20px;</span><br><span class="line">	font-size: 15px;</span><br><span class="line">	background-color: white;</span><br><span class="line">	color: darkturquoise;</span><br><span class="line">&#125;</span><br><span class="line">#footer&#123;</span><br><span class="line">	width: 386px;</span><br><span class="line">	height: 150px;</span><br><span class="line">	position: relative;</span><br><span class="line">	top: 5%;</span><br><span class="line">	left: 5%;</span><br><span class="line">	border-bottom: 2px dotted darkturquoise;</span><br><span class="line">&#125;</span><br><span class="line">#footer&gt;h3&#123;</span><br><span class="line">	color: darkturquoise;</span><br><span class="line">	</span><br><span class="line">&#125;</span><br><span class="line">#sub&#123;</span><br><span class="line">	position: absolute;</span><br><span class="line">	left: 90%;</span><br><span class="line">	top:100%;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>

<p><img src="https://i.loli.net/2019/07/18/5d3064fe5f3c231340.png" alt><br><img src="https://i.loli.net/2019/07/18/5d3065013f75035248.png" alt></p>

            <!--[if lt IE 9]><script>document.createElement('audio');</script><![endif]-->
            <audio id="audio" loop="1" preload="auto" controls="controls" data-autoplay="false">
                <source type="audio/mpeg" src="http://link.hhtjim.com/163/1346104327.mp3">
            </audio>
            
        </div>
        
        
    <div id='gitalk-container' class="comment link"
        data-ae='false'
        data-ci='e79d3ae9c45da13e6f66'
        data-cs='896cb16e937a9e56f91295c1bab9e5aad59746ad'
        data-r='MrDCG.github.io'
        data-o='MrDCG'
        data-a='MrDCG'
        data-d='true'
    >查看评论</div>


        
    </div>

    
    
</div>

    </div>
</div>

<script src="/live2dw/lib/L2Dwidget.min.js?094cbace49a39548bed64abff5988b05"></script><script>L2Dwidget.init({"pluginRootPath":"live2dw/","pluginJsPath":"lib/","pluginModelPath":"assets/","tagMode":false,"debug":false,"model":{"jsonPath":"/live2dw/assets/assets/koharu.model.json"},"display":{"position":"right","width":145,"height":315},"mobile":{"show":true,"scale":0.5},"react":{"opacityDefault":0.7,"opacityOnHover":0.8},"log":false});</script></body>
<script src="//cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.js"></script>
<script src="//lib.baomitu.com/jquery/1.8.3/jquery.min.js"></script>
<script src="/js/plugin.js"></script>
<script src="/js/diaspora.js"></script>
<link rel="stylesheet" href="/photoswipe/photoswipe.css">
<link rel="stylesheet" href="/photoswipe/default-skin/default-skin.css">
<script src="/photoswipe/photoswipe.min.js"></script>
<script src="/photoswipe/photoswipe-ui-default.min.js"></script>

<!-- Root element of PhotoSwipe. Must have class pswp. -->
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
    <!-- Background of PhotoSwipe. 
         It's a separate element as animating opacity is faster than rgba(). -->
    <div class="pswp__bg"></div>
    <!-- Slides wrapper with overflow:hidden. -->
    <div class="pswp__scroll-wrap">
        <!-- Container that holds slides. 
            PhotoSwipe keeps only 3 of them in the DOM to save memory.
            Don't modify these 3 pswp__item elements, data is added later on. -->
        <div class="pswp__container">
            <div class="pswp__item"></div>
            <div class="pswp__item"></div>
            <div class="pswp__item"></div>
        </div>
        <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
        <div class="pswp__ui pswp__ui--hidden">
            <div class="pswp__top-bar">
                <!--  Controls are self-explanatory. Order can be changed. -->
                <div class="pswp__counter"></div>
                <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
                <button class="pswp__button pswp__button--share" title="Share"></button>
                <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
                <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
                <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
                <!-- element will get class pswp__preloader--active when preloader is running -->
                <div class="pswp__preloader">
                    <div class="pswp__preloader__icn">
                      <div class="pswp__preloader__cut">
                        <div class="pswp__preloader__donut"></div>
                      </div>
                    </div>
                </div>
            </div>
            <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
                <div class="pswp__share-tooltip"></div> 
            </div>
            <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
            </button>
            <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
            </button>
            <div class="pswp__caption">
                <div class="pswp__caption__center"></div>
            </div>
        </div>
    </div>
</div>




</html>
<!--崩溃欺骗-->
<script type="text/javascript" src="/js/crash_cheat.js"></script>
<!-- 页面点击小红心 -->
<script type="text/javascript" src="/js/clicklove.js"></script>